<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div></div>
</body>
<script>
    // 但是很尴尬 JS是单线程的.  => 单线程的JS如何实现异步 ?
    // console.log("循环开始");
    // for (var i = 1; i <= 4; i++) {
    //     // 1. 启动延时器 2. 计时两秒后执行回调函数
    //     setTimeout(function () {
    //         console.log(i);
    //         console.timeLog("a");
    //     }, 2000);
    // }
    // console.log("循环结束");


    console.log(1);
    setTimeout(function () {
        console.log(2);
    }, 0);
    console.log(3);
</script>

</html>